@charset "utf-8"; 
/* 屏幕自适应样式 */
@media only screen and (min-width: 320px){
  
}
@media only screen and (min-width: 360px){
   
}
@media only screen and (min-width: 400px){
  
}
@media only screen and (min-width: 480px){
   
}
@media only screen and (min-width: 640px){
   
}
@media screen and (min-width:680px){

}
@media screen and (min-width:768px){

}

/* 屏幕自适应样式 手动*/
@media only screen and (min-width: 300px) and (max-width: 321px){
   
}
@media only screen and (min-width: 319px) and (max-width: 360px){

}
@media only screen and (min-width: 361px) and (max-width: 430px){
   
}


/* 公共样式 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .w1200{
        max-width: 100%;
        padding: 0 25px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .w1200{
        padding: 0 15px;
    }
}

/* 顶部和导航 */
@media only screen and (min-width: 300px) and (max-width: 1199px){
    .top-pc,.nav-pc{
        display: none;
    }
    .nav-mp{
        display: block;
    }
}
@media only screen and (min-width: 400px) and (max-width: 480px){
    .nav-mp .mpnav li a{
        font-size: 14px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 400px){
    .nav-mp .mpnav li a{
        font-size: 12px;
    }
}


/* banner图和四大板块 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-sdbk{
        position: relative;
        background: rgba(96, 91, 91, 1);
    }
    .index-sdbk .tpzs{
        width: 100%;
        height: auto;
        padding: 20px 0 25px 0;
    }
    .index-sdbk .list{
        padding: 0;
        height: auto;
    }
    .index-sdbk .wzjs {
        width: 100%;
        padding-bottom: 20px;
        height: auto;
    }
}
@media only screen and (min-width: 300px) and (max-width: 1000px){
    .index-sdbk .wzjs h3 {
        font-size: 18px;
    }
    .index-sdbk .tpzs img {
        width: 35px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .banner .bannertp .img01{
        display: none;
    }
    .banner .bannertp .img02{
        display: inline-block;
    }
    .index-sdbk .tpzs img {
        width: 30px;
    }
    .index-sdbk .wzjs h3 {
        font-size: 18px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-sdbk{
        background: none;
    }
    .index-sdbk .list {
        width: 48%;
        margin-top: 4%;
        background: rgba(96, 91, 91, 0.6);
    }
    .index-sdbk .wzjs h3 {
        font-size: 16px;
    }
    .index-sdbk .wzjs p {
        font-size: 13px;
    }
}

/* 自用省钱，分享赚钱 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-fxzq {
        padding: 50px 0 30px 0;
    }
    .index-fxzq .wzjs{
        padding-top: 80px;
    }
    .index-fxzq .wzjs h3 {
        font-size: 36px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-fxzq .wzjs{
        padding-top: 40px;
    }
    .index-fxzq .wzjs h3 {
        font-size: 32px;
    }
    .index-fxzq .wzjs p {
        font-size: 16px;
        line-height: 28px;
        margin: 30px 0 20px 0;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-fxzq .tpzs{
        width: 100%;
    }
    .index-fxzq .wzjs {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }
    .index-fxzq .wzjs h3 {
        font-size: 28px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-fxzq {
        padding: 25px 0 30px 0;
    }
    .index-fxzq .wzjs h3 {
        font-size: 24px;
    }
    .index-fxzq .wzjs a {
        width: 140px;
        height: 46px;
        font-size: 14px;
        line-height: 46px;
        border-radius: 24px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 400px){
    .index-fxzq .wzjs h3 {
        font-size: 20px;
    }
}

/* 赚钱攻略 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-zqgl{
        padding: 70px 0 60px 0;
        background: #f4f4f6;
        background-size: cover;
    }
    .index-zqgl .qswb {
        width: 100%;
        padding-bottom: 70px;
        height: auto;
    }
    .index-zqgl .qswb .msks {
        margin-top: 60px;
        padding-right: 60px;
    }
    .index-zqgl .hhr {
        width: 100%;
    }
    .index-zqgl .hhr .wzjs {
        padding: 65px 0 0 30px;
    }
    .index-zqgl .hhr .tpzs{
        top: 0;
        right: 20px;
    }
    .index-zqgl .hhr .tpzs img{
        height: 495px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-zqgl {
        padding: 60px 0 40px 0;
    }
    .index-zqgl .qswb .qswb-title h2 {
        font-size: 24px;
    }
    .index-zqgl .hhr .tpzs{
        display: none;
    }
    .index-zqgl .qswb {
        padding: 40px 0 40px 30px;
    }
    .index-zqgl .hhr{
        height: auto;
    }
    .index-zqgl .hhr .wzjs {
        padding: 40px 0 0 30px;
    }
    .index-zqgl .hhr .wzjs p {
        margin-bottom: 25px;
    }
    .index-zqgl .hhr .wzjs p span {
        font-size: 30px;
        padding-right: 20px;
        line-height: 30px;
    }
    .index-zqgl .hhr .wzjs p i {
        font-size: 18px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-zqgl .qswb .qswb-title {
       padding-bottom: 20px;
       background-size: 200px auto;
    }
    .index-zqgl {
        padding: 30px 0 30px 0;
    }
    .index-zqgl .qswb {
        padding: 30px 0 30px 25px;
    }
    .index-zqgl .qswb .msks {
        margin-top: 40px;
        padding-right: 30px;
    }
}

/* 在好省应有尽有 */
@media only screen and (min-width: 300px) and (max-width: 1200px){
    .index-hsjy{
        padding: 60px 0 70px 0;
    }
    .index-title h2{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .index-title p {
        font-size: 22px;
        margin-top: 16px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-title h2{
        font-size: 32px;
        margin-bottom: 15px;
    }
    .index-title p {
        font-size: 20px;
        margin-top: 12px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-hsjy{
        padding: 50px 0 55px 0;
    }
    .index-title h2{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .index-title p {
        font-size: 18px;
        margin-top: 12px;
    }
    .index-title img{
        width: 240px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-hsjy{
        padding: 40px 0 45px 0;
    }
    .index-title h2{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .index-title p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }
    .index-title img{
        width: 220px;
    }
    .index-hsjy .hsjy-cont {
        padding-top: 50px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-hsjy{
        padding: 30px 0 35px 0;
    }
    .index-title h2{
        font-size: 22px;
    }
    .index-title p {
        font-size: 15px;
    }
    .index-hsjy .hsjy-cont {
        padding-top: 40px;
    }
}


/* 下载好省 */
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-xzhs .img01{
        display: none;
    }
    .index-xzhs .img02{
        display: inline-block;
    }
}

/* 加入好省的亮点 */
@media only screen and (min-width: 900px) and (max-width: 1100px){
    .index-hsld {
        padding: 70px 0 50px 0;
    }
    .index-hsld .hsld-cont .btjs h3 {
        font-size: 28px;
    }
    .index-hsld .hsld-cont .wjjs p {
        font-size: 24px;
        line-height: 40px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-hsld {
        padding: 60px 0 50px 0;
    }
    .index-hsld .hsld-cont .btjs h3 {
        font-size: 24px;
    }
    .index-hsld .hsld-cont .wjjs p {
        font-size: 20px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 660px){
    .index-hsld {
        padding: 50px 0 40px 0;
    }
    .index-hsld .hsld-cont li{
        width: 48%;
        margin-top: 4%;
    }
    .index-hsld .hsld-cont .btjs {
        padding: 15px 0;
    }
    .index-hsld .hsld-cont .btjs h3 {
        font-size: 20px;
    }
    .index-hsld .hsld-cont .wjjs {
        padding: 30px 0;
    }
    .index-hsld .hsld-cont .wjjs p {
        font-size: 16px;
        line-height: 30px;
    }

}

/* 好省适合哪些人群？ */
@media only screen and (min-width: 900px) and (max-width: 1200px){
    .index-syrq{
        padding: 80px 0 70px 0;
    }

}
@media only screen and (min-width: 750px) and (max-width: 900px){
    .index-syrq{
        padding: 70px 0 60px 0;
    }

}
@media only screen and (min-width: 500px) and (max-width: 750px){
    .index-syrq{
        padding: 50px 0 40px 0;
    }

}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-syrq{
        padding: 40px 0 30px 0;
    }

}

/* 好省学院 */
@media only screen and (min-width: 900px) and (max-width: 1200px){
    .index-hsxy {
        padding: 70px 0 60px 0;
    }
    .index-hsxy .hsxy-title h2 {
        font-size: 36px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 900px){
    .index-hsxy {
        padding: 60px 0 50px 0;
    }
    .index-hsxy .hsxy-title h2 {
        font-size: 32px;
    }
    .index-hsxy .xwdt-nav .list h3 {
        font-size: 20px;
    }
    .index-hsxy .hsxy-cjwd .cjwd-title h3 {
        font-size: 20px;
    }
    .index-hsxy .hsxy-cjwd .cjwd-main .list {
        padding: 25px 0 30px 0;
    }
    .index-hsxy .xwdt-zynr .nr01 a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        border-radius: 17px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .index-hsxy {
        padding: 50px 0 40px 0;
    }
    .index-hsxy .hsxy-xwdt {
        width: 100%;
    }
    .index-hsxy .xwdt-nav .list {
        padding: 20px 0;
    }
    .index-hsxy .hsxy-cjwd {
        width: 100%;
        margin-top: 20px;
    }
    .index-hsxy .hsxy-title h2 {
        font-size: 28px;
    }
    .index-hsxy .hsxy-cjwd .cjwd-title {
        padding: 20px 20px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    .index-hsxy .hsxy-cont {
        padding-top: 40px;
    }
    .index-hsxy .hsxy-title h2 {
        font-size: 24px;
    }
    .index-hsxy .xwdt-nav .list h3 {
        font-size: 16px;
    }
    .index-hsxy .hsxy-cjwd .cjwd-title a {
        font-size: 14px;
        line-height: 16px;
    }
    .index-hsxy .hsxy-cjwd .cjwd-title h3 {
        font-size: 16px;
    }
    .index-hsxy .hsxy-cjwd .cjwd-main .list {
        padding: 20px 0 25px 0;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .index-hsxy {
        padding: 40px 0 15px 0;
    }
    .index-hsxy .hsxy-title h2 {
        font-size: 22px;
    }
    .index-hsxy .xwdt-zynr .nr01 .tpzs {
        width: 100%;
    }
    .index-hsxy .xwdt-zynr .nr01 .dtjs {
        width: 100%;
        margin-top: 25px;
    }
    .index-hsxy .xwdt-zynr .nr02 .djlj {
        width: 100%;
    }
    .index-hsxy .xwdt-zynr .nr02 li p {
        margin-top: 10px;
        width: 100%;
        text-align: right;
    }
    .index-hsxy .xwdt-nav .list {
        padding: 15px 0;
    }
    .index-hsxy .hsxy-cjwd .cjwd-title {
        padding: 15px;
    }





}

/* 底部 */
@media only screen and (min-width: 300px) and (max-width: 1100px){
    .footer {
        padding: 90px 0 30px 0;
    }
    .footer .footer-yqlj .ewm {
        width: 35%;
    }
    .footer .footer-yqlj .ewm .list h3 {
        font-size: 16px;
    }
    .footer .wzba .tblj {
        float: none;
        height: auto;
        margin: 0 auto;
        padding: 30px 0;
    }
    .footer .wzba .tblj li{
        height: auto; 
    }
    .footer .wzba .bqsy {
        width: 100%;
        height: auto;
    }
    .footer .wzba .bqsy p {
       text-align: center;
        font-size: 16px;
        line-height: 24px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 750px){
    .footer {
        padding: 50px 0 30px 0;
        background: #242022;
    }
    .footer .footer-yqlj .xglj {
        width: 80%;
        margin: 0 auto;
    }
    .footer .footer-yqlj .xglj li{
        text-align: center;
    }
    .footer .footer-yqlj .xglj h3 {
        margin-bottom: 5px;
    }
    .footer .footer-yqlj .xglj a {
        margin-top: 20px;
    }
    .footer .footer-yqlj .ewm {
        width: 60%;
        margin: 50px auto 0;
    }
    .footer .footer-yqlj .ewm .list h3 {
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .footer {
        padding: 40px 0 30px 0;
    }
    .footer .footer-yqlj {
        padding-bottom: 40px;
    }
    .footer .footer-yqlj .xglj {
        width: 90%;
    }
    .footer .footer-yqlj .xglj h3 {
        font-size: 16px;
    }
    .footer .footer-yqlj .xglj a {
        font-size: 14px;
    }
    .footer .footer-yqlj .ewm {
        width: 80%;
        margin: 40px auto 0;
    }
    .footer .footer-yqlj .ewm .list h3 {
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 500px){
    .footer .wzba .bqsy p {
        font-size: 14px;
        line-height: 21px;
    }
}